*{margin: 0;padding: 0;}
.box{
    margin-top:30px;
    margin-bottom: 30px;
    width:375px;
    margin-left:auto;
    margin-right:auto;
    /* background: red; */
    display: flex;
    flex-direction: column;
}
.box>div{
    width:375px;
    height:92px;
    border:1px solid #eeeeee;
    margin-top:-1px;
}


.top{
    display: flex;
    flex-direction: column;
}
.top>div{
    width:375px;
    height:45px;
 
}

.first{
    flex:1;
    background:#35495e;
    color:#fff;
    display: flex;
    justify-content:center;
    align-items: center;
}
.top.child{
    flex:1;
    background: yellow;
}
.child{
    color:#999999;
    display: flex;
    justify-content:center;
    align-items: center;
}
.movie{
    width:65px;
    height:65px;
    margin-left:15px;
}
.movie img{
    width: 100%;
    height: 100%;
}
.one{
    display: flex;
    /* justify-content:center; */
    align-items: center;
}
.message{
    margin-left:15px;
    line-height: 23px;
}

.message  span{
color:#f74c31;
}

.one div{
    float: left;
}
.message p:nth-child(2){
    color:#c1c1c1;
    font-size: 13px;
}
.message p:last-child{
    color:#9d9d9d;
    font-size:14px;
}
.foot{
    display: flex;
    align-items: center;
    justify-content:space-around;
}
.icon{
  text-align: center;
}
.icon p{
color:#cccccd;}